草庐IT

html - 剪掉部分iframe的src内容

全部标签

javascript - 在 Canvas HTML 上重绘大量对象

有没有一种快速有效的方法可以在canvas中移动大量对象?基本上,如果有大约1000个对象,并且我想一次移动所有对象以模拟滚动,则通过调用drawImage()1000多次来重绘每个对象会非常慢。有没有办法优化这个?我有一个问题的示例链接(而且只有100个对象):http://craftyjs.com/isometric/ 最佳答案 由于canvas不提供快速低级位图复制,因此很难在多个图层中执行操作,例如一次滚动整个背景然后只渲染边缘。那你能做什么?简而言之,什么都没有。尤其是在滚动时,当你有一个或多或少的静态背景时,你肯定可以用

javascript - 我怎么知道我是在点击网页上 png 的透明部分还是非透明部分?

我们有一个多年前在Flash中开发的测验,它使用点击区域来确定是否有人点击了图像的适当部分(想想“解剖测验”)。这些命中区域的轮廓非常繁琐,无法重复使用轮廓坐标数据...现在,我们正尝试用HTML重新做这件事--所以,我们有一个股骨的背景图像和一个png,它在Z顺序中位于更高的位置,其中一部分完全透明,而其他部分有50%的灰色。这用于告诉学生背景股骨图像上的什么地方。我希望能够在“测验模式”中使用来自该pngmask层的数据来确定学生是否正确点击了股骨的特定部分...我正在考虑设置maskpng到100%透明度(因此学生看不到它),但如果浏览器知道他们点击了图像的正确区域(即蒙版上10

javascript - HTMl+SVG+JavaScript : change text at runtime?

我准备将一些基于Flash的应用程序迁移到HTML+JavaScript+SVG(单一目标渲染引擎是Webkit)。我对SVG完全陌生,我想知道我是否可以使用SVG作为模板图像来填充屏幕并从HTML页面中嵌入的JavaScript代码动态更改包含的文本。我想做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后仅在HTML页面中显示SVG并通过JavaScript填充文本占位符。我可以通过在背景中显示静态SVG图像并在其顶部放置一些绝对定位的DIV来显示文本来获得相同的结果,但是我'我想在Inkscape中设计文本标签的位置、大小和样式。这能做到吗?怎么办?我

javascript - jQuery 选择器不适用于 IE7 和 IE8 中动态创建的内容

我的网站上有这些元素,它们是在jQuery的document.ready函数上动态添加的。问题是我无法使用常规jQuery选择器选择那些元素。JavaScript在IE9和其他浏览器中运行良好。我认为它不起作用的原因是因为我要更改的内容是动态添加的。我该如何解决这个问题?代码:$('.dynamic').each(function(index){$('textarea,input[type=radio],input[type=checkbox],select,input[type=text]',this).each(function(){vararray=$(this).val().s

javascript - 如何使用 HTML5 Canvas 而不是 Debug Draw 来绘制我的 Box2D 世界?

我非常了解HTML5Canvas,我了解使用循环等的基础知识和动画。我正在使用的演示:(单击以制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html我不太熟悉的是Box2D。我正在使用Box2DWeb端口,听说它比Box2D-js更新,我不确定哪个最好。我知道如何初始化“世界”并且我可以在世界中放置对象。然后,我使用Step为世界设置动画-但是到目前为止,为了在屏幕上显示它,我只能使用debugdraw来让它工作,因为它基本上会为你做所有事情。我不想使用调试绘图,而是使用Canvas来绘制,例如一辆汽车,而不

javascript - iframe中的脚本能否与主页中的脚本交互

我有一个带有SWF多图像uploader的编辑器。因为不是每个人都需要在他们的文章中上传图片,所以我需要在必要时动态加载这个图片uploader。我必须将它加载到iframe中,因为上传者需要提前加载一些外部脚本。因为我需要它的回调变量供我的编辑器使用,所以我想知道iframe中的脚本是否可以与主页中的脚本交互。或者,如果我不能这样做,还有什么替代方法可以做到这一点? 最佳答案 如果他们在同一个域中,是的。parent对象是iframe的父窗口。如果您在父窗口的全局范围内有一个变量a,您可以像这样在iframe中操作它:parent

javascript - 在 html5 本地存储中存储音频文件 - 使用 javascript 下载音频文件

我搜索了一下,发现html5不支持直接存音频。我会将音频转换为base64字符串,然后存储在本地存储中。我正在使用jplayer开发一个html5音频播放器应用程序。我在服务器上有音频,我需要将它们存储在本地存储中,所以我需要用javascript下载音频文件。有没有办法用javascript下载音频文件?任何帮助将不胜感激。 最佳答案 本地存储的大小往往有限(5mb左右?找不到引用资料)所以这不太可能很好地工作。您也许可以查看使用HTML5AppCache或FilesystemAPI.

javascript - Chrome 开发者工具控制台 - 日志堆叠,如何查看重新记录的内容 [内部屏幕截图]?

我刚刚开始使用Chrome开发者工具中的控制台(一般来说对Javascript来说还是个新手)。我注意到,当我连续两次记录同一个变量(在本例中是一个对象)时,日志会堆叠它并在它旁边放置一个小数字图标。我点击这个以为我将能够看到该对象两次(因为它已经更新了两次),但是没有任何反应。更多说明图片:如您所见,Object下拉列表旁边的蓝色圆圈中有一个小“2”。第一个日志在3处有Object.num,第二个在4处,但是我只能看到第二个。任何关于如何查看两个日志的答案都将不胜感激。:). 最佳答案 发生这种情况是因为您两次记录同一个对象。即使

javascript - 在 Firefox 扩展中传递的面板和 PageMod 内容脚本消息

我正在使用FirefoxAdd-onSDK将Chrome扩展移植到Firefox。扩展包含一个连接到toolbarbutton的面板。(相当于Chrome的popup.html+浏览器操作)和PageMod内容脚本。当面板打开时,它需要向当前选项卡的内容脚本发送消息以接收包含来自该页面的一些信息的对象。我遇到麻烦的部分是如何实际进行消息传递。有人可以帮我指出正确的方向吗?我似乎找不到很多资源来帮助Chrome扩展开发人员学习Firefox插件开发。以下问题在Chrome环境中演示了这个概念。我只是需要帮助将它移植到Firefox。ChromeExtension-MessagePassi

javascript - 从 iFrame/Window 访问 JavaScript 中的父对象

如何在子窗口中访问定义在父窗口中的全局对象或数组。varevents_data;functionfunction_to_fill_events_data(){...}当我在迷你文档中时,我希望能够访问javascript函数中的events_data变量。 最佳答案 选项1您的标题提到了一个子窗口。如果你有一个子窗口,而不是一个iframe,使用这个:window.opener.events_data查看window.openeronMDN.选项2您的代码表明您使用的是iframe。在iframe中,只需使用parent:paren